.btns {
    margin-top: 3vh;
    margin-left: -2px;
    margin-bottom: 50px;
}

.btns .btn.add {
    display: flex;
}

.operate p{
    color:blue;
    margin-bottom: 2px;
}
.input-group {
    display: flex;
    width: 60vw;
    margin: 20px 0;
}
.input-group-addon {
    width: 100px;
    border: none;
    background: transparent;
    color: #a6a6a6;
    text-align: left;
}
.input-group .form-control{
    width: 70%;
}
.colorred{
   width: 50px;
   color: red;
   text-align: right;
}
.countryname{
   display: flex;
}
.countryname .radio{
   margin:0 50px 0 0;
   vertical-align: top;
}
.btns_bottom{
   width: 50vw;
   margin-bottom: 50px;
}
.edit{
   cursor: pointer;
}
.reject{
    display: flex;
    flex-direction: column;
}
.modal-backdrop{
    background-color: transparent;
}
.search{
    display: flex;
    margin-bottom: 20px;
}
.search input{
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 3px 5px;
    margin-right: 20px;
    width: 30vw;
    height: 2vw;
    vertical-align: top;
} 

.qrcodemodal {
    /* visibility: hidden;     */
    position: fixed;
    left: 0;    
    top: 0;
    width:100vw;
    height:100vh;
    text-align: center;
    z-index: 100;
    background-color: #333; 
    opacity: 0.6;
}
.qrcodebox{
    background: #fff;
    width: 20% ;
    height: 50% ;
    position: fixed;
    left: 40%;
    top: 25%;
    z-index: 101;
    text-align: center;
    border-radius: 5px;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
}
.qrcode{
    width: 100%;
    margin: 0;
}
.qrcode img{
    width: 65%;
    margin: auto;
}
.qrcodebox .fontsize{
    font-size: 20px;
}
.height{
    height: 45px;
}